@import "../base.less";
.mt-10 {
  margin-top: .1rem;
}
.mt-15 {
  margin-top: .15rem;
}
.solution-data-title {
  position: relative;
  text-align: center;
  img {
    width: 100%;
  }
  h3 {
    position: absolute;
    top: .9rem;
    left: 0;
    width: 100%;
    .fs(35);
    color: #fff;
  }
  h4 {
    position: absolute;
    top: 1.2rem;
    left: 0;
    width: 100%;
    .fs(28);
    color: #cfd1d4;
  }
}
.solution-data-item-gray {
  background: #f2f2f2;
}
.solution-data-item-white {
  background: #fff;
}
.solution-data-item-gray,
.solution-data-item-white {
  padding: .35rem 0;
  text-align: center;
  h3 {
    padding: 0 .25rem;
    .fs(35);
    color: #000;
    font-weight: normal;
  }
  h4 {
    padding: 0 .25rem;
    .fs(30);
    color: #000;
    font-weight: normal;
  }
  h5 {
    padding: 0 .25rem;
    margin: .15rem 0;
    .fs(28);
    color: #000;
    font-weight: normal;
  }
  p {
    padding: 0 .25rem;
    text-align: left;
    .fs(28);
    line-height: .22rem;
    color: #666;
  }
  img {
    width: 100%;
    margin-top: .2rem;
  }
  h6 {
    padding: 0 .25rem;
    .fs(18);
    color: #666;
    font-weight: normal;
  }
}
.solution-jump-detail {
  padding: .35rem 0 .4rem 0;
  text-align: center;
  .jump-text {
    .fs(35);
    span {
      color: #666;
    }
  }
  .jump-area {
    margin-top: .2rem;
    line-height: .3rem;
    .button-item {
      display: inline-block;
      width: 1.42rem;
      .fs(28);
      border: 1px solid #ddd;
      background: url(../../img/aboutUs/introduce_arrow.png) no-repeat 70% center;
      background-size: .05rem;
    }
  }
}